为 2D 节点创建 3D 透视效果

使用透视变换 (Perspective Transformation) 属性为 2D 节点创建 3D 透视效果。通过布局变换 (Layout Transformation) 旋转 (Rotation) 属性字段，您可以仅在 2D 空间内绕 z 轴旋转节点。通过透视变换 (Perspective Transformation) 旋转 (Rotation) X、Y 和 Z 属性字段，您可以绕所有三个轴旋转 2D 节点，形成 3D 透视效果。

透视变换 (Perspective Transformation) 属性在应用布局通道后、渲染节点前对节点进行变换。

要为 2D 节点创建 3D 透视效果：

1. 在工程 (Project) 中创建或选择要创建 3D 透视效果的 2D 节点。
   例如，创建一个图像 (Image) 节点。
   
2. 在属性 (Properties) 中添加透视变换 (Perspective Transformation) 属性。
   
3. 在透视变换 (Perspective Transformation) 属性中的属性 (Properties) 中设置：
   • 旋转 (Rotation) X 设为节点围绕 x 轴旋转的度数。
   • 旋转 (Rotation) Y 设为节点围绕 y 轴旋转的度数。
   • 旋转 (Rotation) Z 设为节点围绕 z 轴旋转的度数。
   例如，将透视变换 (Perspective Transformation) 旋转 (Rotation) Y 属性字段设置为 45，让图像绕 y 轴旋转 45 度。
   
4. （可选）在属性 (Properties) 中，添加渲染变换原点 (Render Transformation Origin) 属性并设置：
   • X 设为您要设置 x 轴上原点的节点宽度百分比
   • Y 设为您要设置 y 轴上原点的节点高度百分比
     
   在 Kanzi 中，所有 2D 节点的原点默认位于节点的左上角。您可以使用渲染变换原点 (Render Transformation Origin) 属性设置该节点的原点。
   例如，如果将透视变换 (Perspective Transformation) 属性设置为绕 y 轴旋转节点，要让该节点围绕其水平中心点旋转，将渲染变换原点 (Render Transformation Origin) X 属性字段设置为 0,5。
   

另请参阅

调整 2D 节点的外观

应用自定义渲染到 2D 节点

打开导航